<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Demo</title>
  <!-- 请勿在项目正式环境中引用该 layui.css 地址 -->
  <link href="//unpkg.com/layui@2.9.8/dist/css/layui.css" rel="stylesheet">
  <style>
    .layui-col-xs6,.layui-col-xs3{
        background-color: aquamarine;
        border: 1px solid #a1a1a1;
    }
  </style>
</head>
<body>
<div class="layui-row">
  <div class="layui-col-xs6" style="height: 500px;">
    <div class="grid-demo grid-demo-bg1">
        <input type="text" name="xingming" id="" >姓名
    </div>
  </div>
  <div class="layui-col-xs6">
    <div class="grid-demo">6/12</div>
  </div>
</div>
<div class="layui-row">
  <div class="layui-col-xs3" style="height: 300px;">
    <div class="grid-demo grid-demo-bg1">3/12</div>
  </div>
  <div class="layui-col-xs3">
    <div class="grid-demo">3/12</div>
  </div>
  <div class="layui-col-xs3">
    <div class="grid-demo grid-demo-bg1">3/12</div>
  </div>
  <div class="layui-col-xs3">
    <div class="grid-demo">3/12</div>
  </div>
</div>

</body>
</html>